@charset "utf-8";
@function r($px) {
    @return $px/$fontsize*1rem;
}
@import "../_reset.scss";
$fontsize: 40;

html{
    width: 100%;
    height: 100%;
//  position: relative;
    overflow: hidden;
    animation: opens 0.8s ease-in-out;
}
#web{
    width: 100%;
    height: 100%;
    background-color: #bf0c21;
    font-family: "宋体","微软雅黑";
    overflow: scroll;
    background-image: url(../../img/set/bg1.png);
    background-size: 100% 100%;
//  animation: opens 0.8s linear;
//  position: relative;    
 
  } 
.index_detail{
            width: r(533);
            height: r(840);
            margin: 0 auto;
            padding-top: r(43);
            
            span{
                display:block;
                width: r(533);
                height: r(840);
                margin: 0 auto;
                img{
                    width: 100%;
                    height: 100%;
                }
            }
        }
     .set_btn{
//        position: absolute;
          display: block;
          margin: 0 auto;
          margin-top: r(27);
          width:r(318);
          height: r(45);
          >a{display: block;
           width:r(318);
          height: r(45);
           >img{
                width: 100%;
                height: 100%;
                }
            }
      }
    .index_bottom{
//       display: flex;
         position: fixed;
         bottom: r(26);
         right: r(56);
          width:r(41);
 
          height: r(41);
           img{
                width: 100%;
                height: 100%;
                }
      }
  
 @keyframes opens{
    0%{
        transform: rotateY(-90) translateX(-100%) scale(0);     
        
    }
    100%{
        transform: rotateY(0) translateX(0%) scale(1);     
    }
}    